Introduction to wireframes 線框圖介紹
核心UX設計概念
在UX設計中，設計是為了解決使用者真實存在的問題。一個好的設計始終把使用者放在中心位置來思考。
什麼是“保真度”（Fidelity）？
保真度表示設計和最終產品的相似程度。簡單說，就是你的設計有多“接近成品”。
| 型別 | 特徵 | 適合使用階段 |
|---|---|---|
| 低保真（Lo-fi） | 簡單、不精緻、快速繪製的草圖 | 早期階段，用於頭腦風暴、探索思路 |
| 高保真（Hi-fi） | 詳細、精緻、接近真實產品 | 後期階段，用於使用者測試、獲取反饋 |
想象你在畫一間公寓：用簡單的方塊表示房間和傢俱，這是低保真加上顏色、詳細裝飾和傢俱圖案，就是高保真
什麼是“線框圖”（Wireframe）？
線框圖是一種低保真設計，用來展示網頁或App的基本頁面結構。
線框圖的特點：
- 只使用線條、簡單圖形和少量文字
- 不包含顏色、圖片或品牌元素
- 像是產品的“骨架”或草圖
為什麼要畫線框圖？
- 規劃頁面結構：幫助理清資訊如何在頁面中排列
- 強調功能性：明確每個元素的作用（比如按鈕是幹什麼的）
- 節省時間：快速試驗多個設計方案
- 團隊溝通清晰：大家可以就同一個視覺草圖進行討論
- 可以手繪，也可以用數字工具（如 Figma、Adobe XD、Sketch）
畫線框圖時，問問自己：我怎麼才能讓頁面的資訊安排得讓使用者一目瞭然？」